<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>注册</title>

  <!-- 1.重置样式 -->
  <link rel="stylesheet" href="../css/normalize.css">

  <!-- 2.公共样式 -->
  <link rel="stylesheet" href="../css/common.css">

  <!-- 3.当前样式 -->
  <link rel="stylesheet" href="../css/registered.css">

  <!--4 dom.js -->
  <script src="../lib/dom.js"></script>

  <!-- 5.当前js -->
  <script src="../js/registered.js"></script>


</head>

<body>
  <div class="head">
    <div class="main  container clearfix">
      <div class="fl">
     <a href=""> <img src="../imgs/loginlogo.png" alt=""></a>
      </div>
      <div class="fr c000">
        <p>已有源码账号，<a href="../page/log.html">立即登录</a></p>
      </div>
    </div>
  </div>

  <div class="container register-box">
    <div class="re-box">
      <h2>欢迎注册</h2>
      <h3>百款接口免费使用</h3>
      <h4><a href=""> <img src="../imgs/reg-gift.png" alt=""> 注册送300元大礼包</a></h4>

      <p>
        <input class="int" type="text" placeholder="用户名（6-20为字母数字）">
        <img src="../imgs/clearInput.png" class="del-btn">
        <span>昵称需在6-12位字母和数字</span>
      </p>

      <p>
        <input class="int" type="text" placeholder="请输入手机号码">
        <img src="../imgs/clearInput.png" class="del-btn">
        
        <span>请输入正确的手机号</span>
      </p>

      <p class="clearfix">
        <input class="fl int iphone" type="text" placeholder="亲输入手机短信验证码">
        <button class="fl getCode">获取验证码</button>
        <img src="../imgs/clearInput.png" class="del-btn del-btn-code">
        
        <span>请输入4位手机验证码</span>
      </p>

      <p>
        <input class="int" type="password" placeholder="请输入6至12位密码">
        <img src="../imgs/clearInput.png" class="del-btn">
        
        <span>请输入6-12位的密码</span>
      </p>

      <p>
        <input class="isAgree" type="checkbox"> 
        我已阅读并接受<a href="#" class="xieyi mlr20">&lt;&lt;源码用户服务协议&gt;&gt;</a><a href="#" class="xieyi">&lt;&lt;源码隐私政策&gt;&gt;</a>
        
      </p>

      <p>
        <button disabled class="btn">立即注册</button>
      </p>

    </div>
  </div>


  
</body>

</html>